<template>

  <el-row>
    <el-col :span="8">
      <el-aside>
        <el-menu default-active="2" class="el-menu-vertical-demo" router @open="handleOpen"
                 @close="handleClose"
                 background-color="#545c64"
                 text-color="#fff"
                 active-text-color="#ffd04b">
          <el-submenu index="1">
            <template slot="title">
              <i class="el-icon-location"></i>
              <span>主人信息 </span>
            </template>
            <el-menu-item-group>
              <el-menu-item index="/o/m">
                <i class="el-icon-thumb"></i>出售信息
              </el-menu-item>
              <el-menu-item index="/o/p">
                <i class="el-icon-thumb"></i>购买信息
              </el-menu-item>


            </el-menu-item-group>
          </el-submenu>

        </el-menu>
      </el-aside>
    </el-col>
    <el-col :span="16">
      <el-main>
        客户：{{this.$store.state.petowner.name}}
        余额：{{this.$store.state.petowner.money}}
        <router-view></router-view>
      </el-main>
    </el-col>
  </el-row>
</template>

<script>
export default {
  name: "PetOwnerIndex",
  methods: {
    handleOpen(key, keyPath) {
      console.log(key, keyPath);
    },
    handleClose(key, keyPath) {
      console.log(key, keyPath);
    }
  }

}
</script>

<style scoped>


</style>